<template>
  <div id="sidebar">
  <sidebar-brand></sidebar-brand>
    <sidebar-scroll></sidebar-scroll>
    <sidebar-extra-info></sidebar-extra-info>
  </div>
</template>
<script type="text/ecmascript-6">
  import sidebarBrand from './child/sidebar-brand';
  import sidebarScroll from './child/sidebar-scroll';
  import sidebarExtraInfo from './child/sidebar-extra-info';
  export default{
    name: 'sidebar',
    components: {
      sidebarScroll,
      sidebarBrand,
      sidebarExtraInfo
    }
  }
</script>
<style type="stylus">
</style>
